﻿<style type="text/css">
    .organizationList div
    {
     border: 1px solid #a1a1a1;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    float: left;
    border-radius: 30px;
    padding: 0 10px;
    margin: 5px;
    cursor: pointer;
    }
    .organizationList div:hover{color: #39F;border: 1px solid #39F;}
    .selected{color: #FFF !important;background-color: #39F;border:none;}
    .plIMsucxtime
    {
        height: 17px;
        padding: 6px;
        line-height: 17px;
        border: 1px #ddd solid;
        border-radius: 2px;
        margin-right: 5px;
    }
</style>
<div class="jisuyunying" ng-controller="ophome">
   <div  style=" margin-top:30px;height: 40px;" class="organizationList" ng-if="false">
       <div  ng-class="{'selected':params.searchOrgIds==''}" ng-click="selectAllOrg()">{{'whole'|T}}</div>
       <div ng-repeat="item in smallOrgList" ng-class="{'selected':item.boss}" ng-click="checkOrgName(item)">{{item.organization_Name}}</div>
       <span  style=" color:#39F;cursor: pointer; line-height:40px; float:right;" ng-click="loadMoreOrgList()">{{loadMore?('Close'|T):('Open'|T)}}</span>
    </div>
    <div  style=" margin-top:30px;height: 40px; width:100%;">
    <div style=" float:left;" ng-if="false">
    <select ng-model="params.searchOrgIds" ng-change="initFun()" style="padding: 6px;border: 1px solid #ddd;margin-right: 15px;">
        <option value="">{{'whole'|T}}</option>
        <option ng-repeat="item in smallOrgList" value="{{item.organization_ID}}" >{{item.organization_Name}}</option>
    </select>
    </div>
        <div style=" float:left;">
        {{'PleaseSelectTheFilterDate'|T}}：
       <input id="startDate"class="plIMsucxtime" placeholder='{{"StartDate"|T}}' onclick="wdatepicker({highLineWeekDay:true})" ng-focus="GetDate()"  onfocus="var endTime=$dp.$('endTime');wdatepicker({onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})" />
        <span>-</span>
        <input class="plIMsucxtime" id="endDate" placeholder='{{"EndDate"|T}}' value="{{endTime}}" onclick="wdatepicker()" ng-focus="GetDate()" onfocus="wdatepicker({minDate:'#F{$dp.$D(\'startDate\')}'})" />      
        </div>
         <div class="qiyeliebiao_shaixuan" ng-click="GetAllTopActivity()" style="border-radius: 3px;
             float:left;
             line-height:30px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 10px;
    margin: 0 0 0 15px;
    cursor: pointer;
    transition: all 0.3s ease 0s;"><i class="iconfont">&#xe621;</i>{{"ConfirmationScreening"|T}}</div>
       <span  style=" color:#39F;cursor: pointer; line-height:40px; float:right;" ng-click="exportData()">{{'Export'|T}}</span>
    </div>
   
    <div class="jisuyunying_qyhydqst" id="container" style=" clear:both;margin-top: 10px;">
    </div>
    <div class="jisuyunying_middle">
        <div class="jisuyunying_middle_qyhyd" id="toporg">
        </div>
        <div class="jisuyunying_middle_right">
            <div class="jisuyunying_middle_sjxx" style="display: none;">
                <div class="jisuyunying_main_title">
                    数据信息
                </div>
                <div class="jisuyunying_middle_sjxx_main">
                    <div class="jisuyunying_middle_sjxx_title">
                        时间范围<div class="jisuyunying_middle_sjxx_title_bianji">
                            编辑时间</div>
                    </div>
                    <div class="jisuyunying_middle_sjxx_nr">
                        2017年6月10日-2017年6月19日
                    </div>
                    <div class="jisuyunying_middle_sjxx_title">
                        时间范围<div class="jisuyunying_middle_sjxx_title_bianji">
                            编辑时间</div>
                    </div>
                    <div class="jisuyunying_middle_sjxx_nr">
                        企业名称
                    </div>
                </div>
            </div>
            <div class="jisuyunying_middle_yxteacher" style="position: relative; width: 100%;
                height: 168px;">
                <div class="jisuyunying_main_title">
                    {{"ProminentTeacher"|T}}TOP5<span>({{'SelectingTeachersByWatching'|T}})</span>
                    <div class="jisuyunying_main_title_shuaxin" ng-if="false" >
                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuaxin4"></use></svg>
                    </div>
                </div>
                <div class="jisuyunying_middle_yxteacher_main">
                    <div ng-repeat="item in topTeacher">
                        <div class="jisuyunying_middle_yxteacher_count">{{item.createCourseNum}}</div>
                        <div class="jisuyunying_middle_yxteacher_touxiangimg">
                            <img onerror="javascript:this.src='/images/avatar.png'" ng-src="{{item.user_Img}}"></div>
                        <div class="jisuyunying_middle_yxteacher_paiming">                        
                            <svg ng-if="$index==0" class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-diyiming"></use></svg>
                            <svg ng-if="$index==1" class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-dierming"></use></svg>
                            <svg ng-if="$index==2" class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-disanming"></use></svg>                            
                        </div>
                        <div class="jisuyunying_middle_yxteacher_name">
                            {{item.user_Name}}</div>
                    </div>
                </div>
            </div>
            <div class="jisuyunying_middle_xtfwlqs" id="container2">
            </div>
        </div>
    </div>
    <div class="jisuyunying_kcgkl" style="display: none;">
    </div>
</div>
